@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,a,input{padding:0;margin:0;text-decoration:none;font:14px/150% '微软雅黑';}
table { border-collapse: collapse;border-spacing: 0;}
fieldset,img { border: 0;}
address,caption,cite,code,dfn,em,th,var { font-weight: normal;font-style: normal;}
ol,ul { list-style: none outside none;}
caption { text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after {content:'';}
a{outline:none;}
/**,*:before,*:after{box-sizing:border-box;user-select:none;-webkit-user-select:none;}*/
*,*:before,*:after{box-sizing:border-box;}
img{vertical-align: top;}
a, img ,p{-webkit-touch-callout: none;}
a, button ,p{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color: transparent;}
::-webkit-input-placeholder {color:#000;}
:-moz-placeholder {color:#000;}
::-moz-placeholder {color:#000;}
:-ms-input-placeholder {color:#000;}
html,body{
	width:100%;
	height:100%;
	background:#f8dfda;
}
.laneige{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#f6dbd7;
	background:url(../img/bg.jpg) no-repeat;
	background-size:cover;
	opacity:0;
}
.laneige.show{
	animation:.8s ease-out forwards show;
	-webkit-animation:.8s ease-out forwards show;
}
.screen_inner{
	position:absolute;
	width:320px;
	height:550px;
	top:50%;
	left:50%;
	margin:-252px 0 0 -160px;
}
.loading{
	position:absolute;
	z-index:1000;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(../img/bg.jpg) no-repeat;
	background-size:cover;
}
.loading_inner{
	position:absolute;
	left:50%;
	top:40%;
	width:117px;
	height:80px;
	margin:-40px 0 0 -58.5px;
	text-align: center;
	font-size: 12px;
}
.loading_inner .loading_img{
	position:absolute;
	top:10px;
	left:0;
	width:117px;
	height:70px;
	background:url(../img/loading_n.png) no-repeat;
	background-size:117px 70px;
	overflow:hidden;
}
.loading_inner .loading_y{
	position:absolute;
	top:0;
	left:0;
	width:0;
	overflow:hidden;
	height:80px;
	padding-top:10px;
	transition:width .4s linear;
	-webkit-transition:width .4s linear;
}
.loading_inner .loading_y i{
	position:absolute;
	display:block;
	background:url(../img/loading_y.png) no-repeat;
	background-size:117px 70px;
}
.loading_inner .loading_y i.t_l{
	width:16px;
	height:22px;
	background-position:0 0;
	left:0;
	top:10px;
}
.loading_inner .loading_y i.t_a{
	width:20px;
	height:22px;
	background-position:-16px 0;
	left:16px;
	top:10px;
}
.loading_inner .loading_y i.t_n{
	width:17px;
	height:21px;
	background-position:-37px 0;
	left:36px;
	top:10px;
}
.loading_inner .loading_y i.t_e{
	width:15px;
	height:21px;
	background-position:-55px 0;
	left:55px;
	top:10px;
}
.loading_inner .loading_y i.t_i{
	width:5px;
	height:21px;
	background-position:-72.5px 0;
	left:72.5px;
	top:10px;
}
.loading_inner .loading_y i.t_g{
	width:19px;
	height:20px;
	background-position:-78.5px -1px;
	left:78.5px;
	top:11px;
}
.loading_inner .loading_y i.t_e2{
	width:17px;
	height:21px;
	background-position:-100.5px -1px;
	left:100.5px;
	top:11px;
}
.loading_inner .loading_y i.c_meets{
	width:70px;
	height:13px;
	background-position:-29.5px -28px;
	left:29.5px;
	top:38px;
}
.loading_inner .loading_y i.b_f{
	background:url(../img/loading_icon.png) no-repeat;
	background-size:54px 23px;
	width:15px;
	height:23px;
	background-position:0 0;
	left:0;
	top:56px;
}
.loading_inner .loading_y i.b_a{
	background:url(../img/loading_icon.png) no-repeat;
	background-size:54px 23px;
	width:20px;
	height:23px;
	background-position:-15px 0;
	left:13px;
	top:56px;
}
.loading_inner .loading_y i.b_s{
	background:url(../img/loading_icon.png) no-repeat;
	background-size:54px 23px;
	width:19px;
	height:23px;
	background-position:-35px 0;
	left:32px;
	top:56px;
}
.loading_inner .loading_y i.b_h{
	width:18px;
	height:23px;
	background-position:-52px -46px;
	left:52px;
	top:56px;
}
.loading_inner .loading_y i.b_i{
	width:5px;
	height:26px;
	background-position:-71.5px -46.5px;
	left:72px;
	top:56.5px;
}
.loading_inner .loading_y i.b_o{
	width:19px;
	height:24px;
	background-position:-78.5px -46px;
	left:78.5px;
	top:56px;
}
.loading_inner .loading_y i.b_n{
	width:18px;
	height:23px;
	background-position:-99px -46.5px;
	left:99px;
	top:56.5px;
}
.loading span{
	position:relative;
	top:90px;
	color:#000;
}
.hide i.t_l{
	animation:.2s ease-out forwards loading_i;
	-webkit-animation:.2s ease-out forwards loading_i;
}
.hide i.t_a{
	animation:.2s .1s ease-out forwards loading_i;
	-webkit-animation:.2s .1s ease-out forwards loading_i;
}
.hide i.t_n{
	animation:.2s .2s ease-out forwards loading_i;
	-webkit-animation:.2s .2s ease-out forwards loading_i;
}
.hide i.t_e{
	animation:.2s .3s ease-out forwards loading_i;
	-webkit-animation:.2s .3s ease-out forwards loading_i;
}
.hide i.t_i{
	animation:.2s .4s ease-out forwards loading_i;
	-webkit-animation:.2s .4s ease-out forwards loading_i;
}
.hide i.t_g{
	animation:.2s .5s ease-out forwards loading_i;
	-webkit-animation:.2s .5s ease-out forwards loading_i;
}
.hide i.t_e2{
	animation:.2s .6s ease-out forwards loading_i;
	-webkit-animation:.2s .6s ease-out forwards loading_i;
}
.hide i.b_f{
	animation:.2s 1.3s ease-out forwards loading_i;
	-webkit-animation:.2s 1.3s ease-out forwards loading_i;
}
.hide i.b_a{
	animation:.2s 1.2s ease-out forwards loading_i;
	-webkit-animation:.2s 1.2s ease-out forwards loading_i;
}
.hide i.b_s{
	animation:.2s 1.1s ease-out forwards loading_i;
	-webkit-animation:.2s 1.1s ease-out forwards loading_i;
}
.hide i.b_h{
	animation:.2s 1s ease-out forwards loading_i;
	-webkit-animation:.2s 1s ease-out forwards loading_i;
}
.hide i.b_i{
	animation:.2s .9s ease-out forwards loading_i;
	-webkit-animation:.2s .9s ease-out forwards loading_i;
}
.hide i.b_o{
	animation:.2s .8s ease-out forwards loading_i;
	-webkit-animation:.2s .8s ease-out forwards loading_i;
}
.hide i.b_n{
	animation:.2s .7s ease-out forwards loading_i;
	-webkit-animation:.2s .7s ease-out forwards loading_i;
}
.loading.hide{
	animation:.8s 1.3s ease-in-out forwards hide;
	-webkit-animation:.8s 1.3s ease-in-out forwards hide;
}
@keyframes loading_i{
	0%{transform:translate(0,0);}
	50%{transform:translate(0,-10px);}
	100%{transform:translate(0,0);}
}
@-webkit-keyframes loading_i{
	0%{-webkit-transform:translate(0,0);}
	50%{-webkit-transform:translate(0,-10px);}
	100%{-webkit-transform:translate(0,0);}
}
.screen{
	width:100%;
	height:100%;
	display:none;
}
.bg1{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/bg1.jpg) no-repeat;
	background-size:cover;
}
#blink_svg{
	width:640px;
	height:640px;
	position:absolute;
	left:-119px;
	top:-36px;
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
	opacity:0;
}
.pan{
	position:absolute;
	top:210px;
	left:210px;
	width:52px;
	height:33px;
	background:url(../img/img2.png) no-repeat;
	background-size:52px 33px;
	z-index:10;
	opacity:0;
}
.pan_s{
	position:absolute;
	left:208px;
	top:194px;
	width:62px;
	height:65px;
	background:url(../img/img20.png) no-repeat;
	background-size:62px 65px;
	opacity:0;
	transform:rotate(-11deg);
	-webkit-transform:rotate(-11deg);
}
.blink_off{
	position:absolute;
	top:173px;
	left:68.5px;
	width:183px;
	height:165px;
	background:url(../img/img1.png) no-repeat;
	background-size:183px 165px;
	z-index:8;
	opacity:0;
}
.blink_on{
	position:absolute;
	top:173px;
	left:68.5px;
	width:183px;
	height:165px;
/*	background:url(../img/img4.png) no-repeat;*/
	background-size:183px 165px;
	z-index:9;
	opacity:0;
}
.blink_on img{
    width:183px;
    height:165px;
    position:absolute;
}
.blink_on img:nth-child(2){
    display:none;
}
.blink_shad{
	position:absolute;
	top:338px;
	left:94px;
	background:url(../img/img19.png) no-repeat;
	background-size:89px 5px;
	width:89px;
	height:5px;
	opacity:0;
}
.glitter{
	position:absolute;
	top:242px;
	left:25.5px;
	width:104px;
	height:127px;
	background:url(../img/img3.png) no-repeat;
	background-size:104px 127px;
	opacity:0;
	z-index:11;
	transform:rotateZ(60deg);
	-webkit-transform:rotateZ(60deg)
}
.glitter_light{
	position:absolute;
	top:225px;
	left:130.5px;
	width:20px;
	height:20px;
	opacity:0;
	z-index:11;
	transform:scale(0.1);
	-webkit-transform:scale(0.1);
    border-radius:50%;
    box-shadow:10px 10px 50px white;
/*    background:white;*/
}
/*
.sc_text_l{
	position:absolute;
	top:43px;
	left:86px;
	width:75px;
	height:68px;
	background:url(../img/img23.png) no-repeat;
	background-position:75px 0;
	background-size:149px 68px;
	opacity:1;
}
.sc_text_r{
	position:absolute;
	top:43px;
	left:161px;
	width:75px;
	height:68px;
	background:url(../img/img23.png) no-repeat;
	background-position:-149px 0;
	background-size:149px 68px;
	opacity:1;
}
*/
.sc_text{
    position:absolute;
	top:43px;
	left:86px;
	width:149px;
	height:68px;
	background:url(../img/img23.png) no-repeat;
	background-size:149px 68px;
	opacity:0;
}
.sc_text2_l{
	position:absolute;
	top:400px;
	left:25px;
	width:136px;
	height:17px;
	background:url(../img/img25.png) no-repeat;
	background-position:136px 0;
	background-size:272px 17px;
	opacity:1;
}
.sc_text2_r{
	position:absolute;
	top:400px;
	left:161px;
	width:136px;
	height:17px;
	background:url(../img/img25.png) no-repeat;
	background-position:-272px 0;
	background-size:272px 17px;
	opacity:1;
}
.sc_text3_l{
	position:absolute;
	top:400px;
	left:25px;
	width:136px;
	height:17px;
	background:url(../img/img28.png) no-repeat;
	background-position:136px 0;
	background-size:272px 17px;
	opacity:1;
}
.sc_text3_r{
	position:absolute;
	top:400px;
	left:161px;
	width:136px;
	height:17px;
	background:url(../img/img28.png) no-repeat;
	background-position:-272px 0;
	background-size:272px 17px;
	opacity:1;
}




.glitter_s div{
	position:absolute;
	background:url(../img/img21.png) no-repeat;
	background-size:151px 154px;
	opacity:0;
}
.glitter_s .g1{
	width:25px;
	height:24px;
	background-position:-90px 0;
	top:285px;
	left:103px;
}
.glitter_s .g2{
	width:24px;
	height:29px;
	background-position:-128px -84px;
	top:343px;
	left:90px;
}
.glitter_s .g3{
	width:22px;
	height:26px;
	background-position:-81px -128px;
	top:382px;
	left:42px;
}
.glitter_s .g4{
	width:23px;
	height:24px;
	background-position:-33px -97px;
	top:359px;
	left:0;
}
.glitter_s .g5{
	width:26px;
	height:26px;
	background-position:0 -39.5px;
	top:289.5px;
	left:4px;
}
.bb{
	position:absolute;
	width:208px;
	height:208px;
	background:url(../img/img5.png) no-repeat;
	background-size:208px 208px;
	left:100%;
	z-index:8;
	top:145.5px;
}
.bb div{
	position:absolute;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	width:11px;
	height:12px;
	background-position:-122.5px -82.5px;
	opacity:0;
}
.bb .n1{
	top:143px;
	left:47px;
}
.bb .n2{
	top:116px;
	left:55px;
}
.bb .n3{
	left:35px;
	top:97px;
}
.bb .n4{
	top:60px;
	left:47px;
}
.star1{
	position:absolute;
	left:195px;
	top:287px;
	width:44px;
	height:50px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-140px -4.5px;
	z-index:11;
	opacity:0;
}
.star2{
	position:absolute;
	left:210px;
	top:246.5px;
	width:32px;
	height:30px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-71px -14px;
	z-index:11;
	opacity:0;
}
.star3{
	position:absolute;
	left:244px;
	top:273px;
	width:25px;
	height:24px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-3px -13px;
	z-index:11;
	opacity:0;
}
.screen1{}
.on .star1{
	animation:1.2s 6s ease-out forwards star;
	-webkit-animation:1.2s 6s ease-out forwards star;
}
.on .star2{
	animation:1.2s 6.2s ease-out forwards star;
	-webkit-animation:1.2s 6.2s ease-out forwards star;
}
.on .star3{
	animation:1.2s 6.4s ease-out forwards star;
	-webkit-animation:1.2s 6.4s ease-out forwards star;
}
.on .bb{
	animation:1.6s 6s ease-out forwards bb;
	-webkit-animation:1.6s 6s ease-out forwards bb;
}
.on .blink_on{
	animation: .8s 2.5s ease-in-out forwards show,1.3s 4s linear forwards blink_on,1.6s 6.5s linear forwards blink_s;
	-webkit-animation: .8s 2.5s ease-in-out forwards show,1.3s 4s linear forwards blink_on,1.6s 6.5s linear forwards blink_s;
}
.on .n1{
	animation:.4s 8.4s ease-out forwards bb_n;
	-webkit-animation:.4s 8.4s ease-out forwards bb_n;
}
.on .n2{
	animation:.4s 8.6s ease-out forwards bb_n;
	-webkit-animation:.4s 8.6s ease-out forwards bb_n;
}
.on .n3{
	animation:.4s 8.8s ease-out forwards bb_n;
	-webkit-animation:.4s 8.8s ease-out forwards bb_n;
}
.on .n4{
	animation:.4s 9s ease-out forwards bb_n;
	-webkit-animation:.4s 9s ease-out forwards bb_n;
}
.on .blink_shad{
	animation:.8s 3.4s ease-out forwards show,1.4s 4s ease-out forwards blink_shads;
	-webkit-animation:.8s 3.4s ease-out forwards show,1.4s 4s ease-out forwards blink_shads;
}
/*
.on .glitter{
	animation:1.2s 2.5s ease-out forwards show, 0.2s 3s linear forwards glitter,1s 3.5s ease-in-out forwards hide;
	-webkit-animation: 1.2s 2.5s ease-out forwards show, 0.2s 3s linear forwards glitter,1s 3.5s ease-in-out forwards hide;
}
*/
.on .glitter{
	animation:1.2s 1s ease-out forwards show, 0.2s 1.8s linear forwards glitter,0.5s 2s ease-in-out forwards hide1;
	-webkit-animation: 1.2s 1s ease-out forwards show, 0.2s 1.8s linear forwards glitter,0.5s 2s ease-in-out forwards hide1;
}
.on .glitter_light{
	animation:0.2s 0.5s ease-out forwards show,1.5s 2.5s ease-out forwards scale1,1s 4.5s ease-in-out forwards hide;
	-webkit-animation: 0.2s 0.5s ease-out forwards show,1.5s 2.5s ease-out forwards scale1,1s 4.5s ease-in-out forwards hide;
}
.on .blink_off{
	animation:1.8s 0s ease-in-out forwards show,.8s 3.3s ease-in-out forwards hide;
	-webkit-animation:1.8s 0s ease-in-out forwards show,.8s 3.3s ease-in-out forwards hide;
}
.on .sc_text{
	animation:1.8s 0s ease-in-out forwards show,.8s 6.3s ease-in-out forwards hide;
	-webkit-animation:1.8s 0s ease-in-out forwards show,.8s 6.3s ease-in-out forwards hide;
}
.on .pan{
	animation:.6s .4s ease-out forwards show,1.8s .6s ease-in-out forwards panpain;
	-webkit-animation:.6s .4s ease-out forwards show,1.8s .6s ease-in-out forwards panpain;
}
.on .pan_s{
	animation:.2s .4s ease-out forwards pan_s 2;
	-webkit-animation:.2s .4s ease-out forwards pan_s 2;
}
.on #blink_svg{
	animation:.6s .6s ease-out forwards show,.8s 3.6s ease-in-out forwards hide;
	-webkit-animation:.6s .6s ease-out forwards show,.8s 3.6s ease-in-out forwards hide;
}
.on .g1{
	animation:.3s 3.2s ease-out forwards g1 2;
	-webkit-animation:.3s 3.2s ease-out forwards g1 2;
}
.on .g2{
	animation:.3s 3.2s ease-out forwards g2 2;
	-webkit-animation:.3s 3.2s ease-out forwards g2 2;
}
.on .g3{
	animation:.3s 3.2s ease-out forwards g3 2;
	-webkit-animation:.3s 3.2s ease-out forwards g3 2;
}
.on .g4{
	animation:.3s 3.2s ease-out forwards g4 2;
	-webkit-animation:.3s 3.2s ease-out forwards g4 2;
}
.on .g5{
	animation:.3s 3.2s ease-out forwards g5 2;
	-webkit-animation:.3s 3.2s ease-out forwards g5 2;
}
.on .bg1{
	animation:.6s 2.8s forwards hide;
	-webkit-animation:.6s 2.8s forwards hide;
}
.on .sc_text_l{
	animation:0.5s 1s ease-out forwards sc_text_l,.6s 6.4s ease forwards hide;
	-webkit-animation:0.5s 1s ease-out forwards sc_text_l,.6s 6.4s ease forwards hide;
}
.on .sc_text_r{
	animation:0.5s 1s ease-out forwards sc_text_r,.6s 6.4s ease forwards hide;
	-webkit-animation:0.5s 1s ease-out forwards sc_text_r,.6s 6.4s ease forwards hide;
}
.on .sc_text2_l{
	animation:1.0s 1s ease-out forwards sc_text2_l,.6s 4s ease forwards hide;
	-webkit-animation:1.0s 1s ease-out forwards sc_text2_l,.6s 4s ease forwards hide;
}
.on .sc_text2_r{
	animation:1.0s 1s ease-out forwards sc_text2_r,.6s 4s ease forwards hide;
	-webkit-animation:1.0s 1s ease-out forwards sc_text2_r,.6s 4s ease forwards hide;
}
.on .sc_text3_l{
	animation:1s 4s ease-out forwards sc_text3_l,.6s 6.7s ease forwards hide;
	-webkit-animation:1.2s 4s ease-out forwards sc_text3_l,.6s 6.7s ease forwards hide;
}
.on .sc_text3_r{
	animation:1s 4s ease-out forwards sc_text3_r,.6s 6.7s ease forwards hide;
	-webkit-animation:1.2s 4s ease-out forwards sc_text3_r,.6s 6.7s ease forwards hide;
}
.screen1.hide{
	animation:1.5s 0s ease-out forwards narrowhide2;
	-webkit-animation:1.5s 0s ease-out forwards narrowhide2;
}
@keyframes sc_text_l{
	0%{background-position:75px 0;}
	100%{background-position:0 0;}
}
@-webkit-keyframes sc_text_l{
	0%{background-position:75px 0;}
	100%{background-position:0 0;}
}
@keyframes sc_text_r{
	0%{background-position:-149px 0;}
	100%{background-position:-75px 0;}
}
@-webkit-keyframes sc_text_r{
	0%{background-position:-149px 0;}
	100%{background-position:-75px 0;}
}
@keyframes sc_text2_l{
	0%{background-position:136px 0;}
	100%{background-position:0 0;}
}
@-webkit-keyframes sc_text2_l{
	0%{background-position:136px 0;}
	100%{background-position:0 0;}
}
@keyframes sc_text2_r{
	0%{background-position:-272px 0;}
	100%{background-position:-136px 0;}
}
@-webkit-keyframes sc_text2_r{
	0%{background-position:-272px 0;}
	100%{background-position:-136px 0;}
}
@keyframes sc_text3_l{
	0%{background-position:136px 0;}
	100%{background-position:0 0;}
}
@-webkit-keyframes sc_text3_l{
	0%{background-position:136px 0;}
	100%{background-position:0 0;}
}
@keyframes sc_text3_r{
	0%{background-position:-272px 0;}
	100%{background-position:-136px 0;}
}
@-webkit-keyframes sc_text3_r{
	0%{background-position:-272px 0;}
	100%{background-position:-136px 0;}
}
@keyframes bb_n{
	0%{opacity:0;transform:translate(1px,3px);}
	100%{opacity:1;transform:translate(0,0);}
}
@-webkit-keyframes bb_n{
	0%{opacity:0;-webkit-transform:translate(1px,3px);}
	100%{opacity:1;-webkit-transform:translate(0,0);}
}
@keyframes g1{
	0%{opacity:0;transform:translate(0,0);}
	50%{opacity:1;transform:translate(2px,-2px);}
	100%{opacity:0;transform:translate(4px,-4px);}
}
@-webkit-keyframes g1{
	0%{opacity:0;-webkit-transform:translate(0,0);}
	50%{opacity:1;-webkit-transform:translate(2px,-2px);}
	100%{opacity:0;-webkit-transform:translate(4px,-4px);}
}
@keyframes g2{
	0%{opacity:0;transform:translate(0,0);}
	50%{opacity:1;transform:translate(2px,2px);}
	100%{opacity:0;transform:translate(4px,4px);}
}
@-webkit-keyframes g2{
	0%{opacity:0;-webkit-transform:translate(0,0);}
	50%{opacity:1;-webkit-transform:translate(2px,2px);}
	100%{opacity:0;-webkit-transform:translate(4px,4px);}
}
@keyframes g3{
	0%{opacity:0;transform:translate(0,0);}
	50%{opacity:1;transform:translate(0,2px);}
	100%{opacity:0;transform:translate(0,4px);}
}
@-webkit-keyframes g3{
	0%{opacity:0;-webkit-transform:translate(0,0);}
	50%{opacity:1;-webkit-transform:translate(0,2px);}
	100%{opacity:0;-webkit-transform:translate(0,4px);}
}
@keyframes g4{
	0%{opacity:0;transform:translate(0,0);}
	50%{opacity:1;transform:translate(-2px,2px);}
	100%{opacity:0;transform:translate(-4px,4px);}
}
@-webkit-keyframes g4{
	0%{opacity:0;-webkit-transform:translate(0,0);}
	50%{opacity:1;-webkit-transform:translate(-2px,2px);}
	100%{opacity:0;-webkit-transform:translate(-4px,4px);}
}
@keyframes g5{
	0%{opacity:0;transform:translate(0,0);}
	50%{opacity:1;transform:translate(-2px,0);}
	100%{opacity:0;transform:translate(-4px,0);}
}
@-webkit-keyframes g5{
	0%{opacity:0;-webkit-transform:translate(0,0);}
	50%{opacity:1;-webkit-transform:translate(-2px,0);}
	100%{opacity:0;-webkit-transform:translate(-4px,0);}
}
@keyframes star{
	0%{opacity:0;transform:translate(-30px,25px) rotate(0) scale(0);}
	50%{opacity:1;}
	100%{opacity:0;transform:translate(0,0) rotate(360deg) scale(1);}
}
@-webkit-keyframes star{
	0%{opacity:0;-webkit-transform:translate(-30px,25px) rotate(0) scale(0);}
	50%{opacity:1;}
	100%{opacity:0;-webkit-transform:translate(0,0) rotate(360deg) scale(1);}
}
@keyframes bb{
	0%{transform:translate(0,0);}
	100%{transform:translate(-260px,0);}
}
@-webkit-keyframes bb{
	0%{-webkit-transform:translate(0,0);}
	100%{-webkit-transform:translate(-260px,0);}
}

@keyframes blink_on{
	0%{transform:translate(0,0);}
	15%{transform:translate(-15px,-40px);}
	32%{transform:translate(-30px,0);}
	45%{transform:translate(-40px,-30px);}
	62%{transform:translate(-60px,0);}
	80%{transform:translate(-60px,-20px);}
	100%{transform:translate(-50px,0);}
}
@-webkit-keyframes blink_on{
	0%{-webkit-transform:translate(0,0);}
	15%{-webkit-transform:translate(-15px,-40px);}
	32%{-webkit-transform:translate(-30px,0);}
	45%{-webkit-transform:translate(-40px,-30px);}
	62%{-webkit-transform:translate(-60px,0);}
	80%{-webkit-transform:translate(-60px,-20px);}
	100%{-webkit-transform:translate(-50px,0);}
}
@keyframes blink_s{
	0%{transform:translate(-50px,0) scale(1);}
	20%{transform:translate(-10px,-34px) rotate(-3deg) scale(1.1);}
	100%{transform:translate(41px,-3px) scale(.72) rotate(-15deg);}
}
@-webkit-keyframes blink_s{
	0%{-webkit-transform:translate(-50px,0) scale(1);}
	20%{-webkit-transform:translate(-10px,-34px) rotate(-3deg) scale(1.1);}
	100%{-webkit-transform:translate(41px,-3px) scale(.72) rotate(-15deg);}
}
@keyframes blink_shads{
	0%{opacity:1;transform:translate(0,0) scale(1);}
	15%{opacity:1;transform:translate(-15px,0) scale(.4);}
	30%{opacity:1;transform:translate(-30px,0) scale(1);}
	45%{opacity:1;transform:translate(-40px,0) scale(.8);}
	60%{opacity:1;transform:translate(-60px,0) scale(1);}
	80%{opacity:1;transform:translate(-60px,0) scale(.8);}
	100%{opacity:0;transform:translate(-50px,0) scale(1);}
}
@-webkit-keyframes blink_shads{
	0%{opacity:1;-webkit-transform:translate(0,0) scale(1);}
	15%{opacity:1;-webkit-transform:translate(-15px,0) scale(.4);}
	30%{opacity:1;-webkit-transform:translate(-30px,0) scale(1);}
	45%{opacity:1;-webkit-transform:translate(-40px,0) scale(.8);}
	60%{opacity:1;-webkit-transform:translate(-60px,0) scale(1);}
	80%{opacity:1;-webkit-transform:translate(-60px,0) scale(.8);}
	100%{opacity:0;-webkit-transform:translate(-50px,0) scale(1);}
}
/*
@keyframes glitter{
	0%{opacity:1;transform:translate(0,0) rotateZ(60deg);}
	25%{opacity:1;transform:translate(80px,-20px) rotateZ(60deg);}
	50%{opacity:1;transform:translate(20px,20px) rotateZ(60deg);}
	75%{opacity:1;transform:translate(80px,30px) rotateZ(60deg);}
	100%{opacity:0;transform:translate(44px,75px) rotateZ(60deg);}
}
@-webkit-keyframes glitter{
	0%{opacity:1;-webkit-transform:translate(0,0) rotateZ(60deg);}
	25%{opacity:1;-webkit-transform:translate(80px,-20px) rotateZ(60deg);}
	50%{opacity:1;-webkit-transform:translate(20px,20px) rotateZ(60deg);}
	75%{opacity:1;-webkit-transform:translate(80px,30px) rotateZ(60deg);}
	100%{opacity:0;-webkit-transform:translate(44px,75px) rotateZ(60deg);}
}
*/
@keyframes glitter{
	0%{opacity:1;transform:translate3d(0,0,0) rotateZ(60deg);}
/*
	25%{opacity:1;transform:translate(20px,5px) rotateZ(60deg);}
	50%{opacity:1;transform:translate(10px,0px) rotateZ(60deg);}
	75%{opacity:1;transform:translate(10px,0px) rotateZ(60deg);}
*/	
/*	100%{opacity:1;transform:translate(10px,5px) rotateZ(60deg);}*/
	100%{opacity:1;transform: translate3d(5px,-5px,20px) rotateZ(60deg);}
}
@-webkit-keyframes glitter{
	0%{opacity:1;-webkit-transform:translate3d(0,0,0) rotateZ(60deg);}
/*
	25%{opacity:1;-webkit-transform:translate(20px,5px) rotateZ(60deg);}
	50%{opacity:1;-webkit-transform:translate(10px,0px) rotateZ(60deg);}
	75%{opacity:1;-webkit-transform:translate(10px,0px) rotateZ(60deg);}
*/
	100%{opacity:1;-webkit-transform:translate3d(5px,-5px,20px) rotateZ(60deg);}
}

@keyframes panpain{
	0%{opacity:1;transform:translate(0,0) rotate(0);}
	5%{opacity:1;transform:translate(-7px,-36px) rotate(0);}
	10%{opacity:1;transform:translate(-46px,-34px) rotate(0);}
	15%{opacity:1;transform:translate(-75px,-3px) rotate(0);}
	20%{opacity:1;transform:translate(-99px,-22px) rotate(0);}
	25%{opacity:1;transform:translate(-137px,-32px) rotate(0);}
	30%{opacity:1;transform:translate(-142px,5px) rotate(0);}
	35%{opacity:1;transform:translate(-120px,45px) rotate(0);}
	40%{opacity:1;transform:translate(-85px,90px) rotate(0);}
	45%{opacity:1;transform:translate(-77px,125px) rotate(0);}
	50%{opacity:1;transform:translate(-56px,106px) rotate(0);}
	55%{opacity:1;transform:translate(-42px,94px) rotate(0);}
	60%{opacity:1;transform:translate(-15px,88px) rotate(0);}
	65%{opacity:1;transform:translate(-8px,73px) rotate(0);}
	70%{opacity:1;transform:translate(20px,82px) rotate(0);}
	75%{opacity:1;transform:translate(40px,60px) rotate(0);}
	80%{opacity:1;transform:translate(37px,39px) rotate(0);}
	85%{opacity:1;transform:translate(29px,20px) rotate(0);}
	90%{opacity:1;transform:translate(17px,7px) rotate(0);}
	95%{opacity:1;transform:translate(0,0) rotate(0);}
	100%{opacity:0;transform:translate(0,0) rotate(0);}
}
@-webkit-keyframes panpain{
	0%{opacity:1;-webkit-transform:translate(0,0) rotate(0);}
	5%{opacity:1;-webkit-transform:translate(-7px,-36px) rotate(0);}
	10%{opacity:1;-webkit-transform:translate(-46px,-34px) rotate(0);}
	15%{opacity:1;-webkit-transform:translate(-75px,-3px) rotate(0);}
	20%{opacity:1;-webkit-transform:translate(-99px,-22px) rotate(0);}
	25%{opacity:1;-webkit-transform:translate(-137px,-32px) rotate(0);}
	30%{opacity:1;-webkit-transform:translate(-142px,5px) rotate(0);}
	35%{opacity:1;-webkit-transform:translate(-120px,45px) rotate(0);}
	40%{opacity:1;-webkit-transform:translate(-85px,90px) rotate(0);}
	45%{opacity:1;-webkit-transform:translate(-77px,125px) rotate(0);}
	50%{opacity:1;-webkit-transform:translate(-56px,106px) rotate(0);}
	55%{opacity:1;-webkit-transform:translate(-42px,94px) rotate(0);}
	60%{opacity:1;-webkit-transform:translate(-15px,88px) rotate(0);}
	65%{opacity:1;-webkit-transform:translate(-8px,73px) rotate(0);}
	70%{opacity:1;-webkit-transform:translate(20px,82px) rotate(0);}
	75%{opacity:1;-webkit-transform:translate(40px,60px) rotate(0);}
	80%{opacity:1;-webkit-transform:translate(37px,39px) rotate(0);}
	85%{opacity:1;-webkit-transform:translate(29px,20px) rotate(0);}
	90%{opacity:1;-webkit-transform:translate(17px,7px) rotate(0);}
	95%{opacity:1;-webkit-transform:translate(0,0) rotate(0);}
	100%{opacity:0;-webkit-transform:translate(0,0) rotate(0);}
}
@keyframes pan_s{
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes pan_s{
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}
@keyframes pananimate{
	0%{transform:rotateZ(0);}
	50%{transform:rotateZ(12deg);}
	100%{transform:rotateZ(0);}
}
@-webkit-keyframes pananimate{
	0%{-webkit-transform:rotateZ(0);}
	50%{-webkit-transform:rotateZ(12deg);}
	100%{-webkit-transform:rotateZ(0);}
}
@keyframes narrowhide{
	0% {opacity:1;transform-origin:170px 351px;}
	100% {transform-origin:170px 351px;transform:scale(.72);opacity:0;}
}
@-webkit-keyframes narrowhide{
	0% {opacity:1;-webkit-transform-origin:170px 351px;}
	100% {-webkit-transform-origin:170px 351px;-webkit-transform:scale(.72);opacity:0;}
}
@keyframes narrowhide2{
	0% {opacity:1;transform-origin:170px 151px;}
	100% {transform-origin:170px 151px;transform:scale(.72);opacity:0;}
}
@-webkit-keyframes narrowhide2{
	0% {opacity:1;-webkit-transform-origin:170px 151px;}
	100% {-webkit-transform-origin:170px 151px;-webkit-transform:scale(.72);opacity:0;}
}
.bb_on{
	position:absolute;
	width:162px;
	height:165px;
	background:url(../img/img6.png) no-repeat;
	background-size:162px 165px;
	left:90px;
	top:145px;
	opacity:0;
}
.chc{
	position:absolute;
	width:104px;
	height:168px;
	background:url(../img/img7.png) no-repeat;
	background-size:104px 168px;
	left:320px;
	top:172px;
	opacity:0;
}
.kiss{
	position:absolute;
	width:31px;
	height:29px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-3.5px -75px;
	left:220px;
	top:275px;
	opacity:0;
}
.kiss1{
	position:absolute;
	width:26px;
	height:23px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-71px -77.5px;
	left:22px;
	top:368.5px;
	opacity:0;
}
.xin1{
	position:absolute;
	width:11px;
	height:12px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-122.5px -82.5px;
	left:32.5px;
	top:348.5px;
	opacity:0;
}
.xin2{
	position:absolute;
	width:10px;
	height:12px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-152.5px -82.5px;
	left:43.5px;
	top:330.5px;
	opacity:0;
}
.xin2{
	position:absolute;
	width:10px;
	height:12px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-152.5px -82.5px;
	left:43.5px;
	top:330.5px;
	opacity:0;
}
.xin3{
	position:absolute;
	width:15px;
	height:15px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-183px -81px;
	left:266.5px;
	top:372.5px;
	opacity:0;
}
.xin4{
	position:absolute;
	width:15px;
	height:13.5px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-216px -80.5px;
	left:179.5px;
	top:188.5px;
	opacity:0;
}
.xin5{
	position:absolute;
	width:13px;
	height:15px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-120.5px -113px;
	left:167px;
	top:169.5px;
	opacity:0;
}
.mit{
	position:absolute;
	width:46px;
	height:30px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-202px -17.5px;
	left:253.5px;
	top:127.5px;
	opacity:0;
}
.xin6{
	position:absolute;
	width:11px;
	height:10px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-152.5px -115.5px;
	left:301px;
	top:120px;
	opacity:0;
}
.xin7{
	position:absolute;
	width:10px;
	height:12px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-185.5px -113px;
	left:295px;
	top:97px;
	opacity:0;
}
.screen2.on .bb_on{
/*
	animation:1.4s 1s ease-out forwards bb_on,1.2s 5.6s ease-out forwards bb_on1;
	-webkit-animation:1.4s 1s ease-out forwards bb_on,1.2s 5.6s ease-out forwards bb_on1;
*/
    animation:1s 0.8s ease-out forwards bb_on;
	-webkit-animation:1s 0.8s ease-out forwards bb_on;
}
.screen2.on .chc{
	animation:1.6s 1.4s ease-out forwards chc,1.2s 5.6s ease-out forwards chc1;
	-webkit-animation:1.6s 1.4s ease-out forwards chc,1.2s 5.6s ease-out forwards chc1;
}
.screen2.on .kiss{
	animation:1.4s 3.4s ease-out forwards kiss;
	-webkit-animation:1.4s 3.4s ease-out forwards kiss;
}
.screen2.on .kiss1{
	animation:1.4s 5.6s ease both swing;
	-webkit-animation:1.4s 5.6s ease both swing;
}
.screen2.on .xin1{
	animation:1.2s 5.4s linear infinite xin1;
	-webkit-animation:1.2s 5.4s linear infinite xin1;
}
.screen2.on .xin2{
	animation:1.2s 6s linear infinite xin1;
	-webkit-animation:1.2s 6s linear infinite xin1;
}
.screen2.on .xin3{
	animation:4s 5.6s linear infinite xin3;
	-webkit-animation:4s 5.6s linear infinite xin3;
}
.screen2.on .xin4{
	animation:1.2s 5.4s linear infinite xin4;
	-webkit-animation:1.2s 5.4s linear infinite xin4;
}
.screen2.on .xin5{
	animation:1.2s 5.6s linear infinite xin4;
	-webkit-animation:1.2s 5.6s linear infinite xin4;
}
.screen2.on .mit{
	animation:4s 4.6s linear infinite mit;
	-webkit-animation:4s 4.6s linear infinite mit;
}
.screen2.on .xin6{
	animation:1.2s 5.4s linear infinite xin1;
	-webkit-animation:1.2s 5.4s linear infinite xin1;
}
.screen2.on .xin7{
	animation:1.2s 5.6s linear infinite xin1;
	-webkit-animation:1.2s 5.6s linear infinite xin1;
}
.screen2.hide{
	animation:.6s ease-out forwards hide;
	-webkit-animation:.6s ease-out forwards hide;
}
@keyframes mit{
	0%{transform:translateX(0%);opacity:0;}
	15%{transform:translateX(-25%) rotate(-5deg);opacity:1;}
	30%{transform:translateX(20%) rotate(3deg);opacity:1;}
	45%{transform:translateX(-15%) rotate(-3deg);opacity:1;}
	60%{transform:translateX(10%) rotate(2deg);opacity:1;}
	75%{transform:translateX(-5%) rotate(-1deg);opacity:1;}
	100%{transform:translateX(0%);opacity:1;}
}
@-webkit-keyframes mit{
	0%{-webkit-transform:translateX(0%);opacity:0;}
	15%{-webkit-transform:translateX(-25%) rotate(-5deg);opacity:1;}
	30%{-webkit-transform:translateX(20%) rotate(3deg);opacity:1;}
	45%{-webkit-transform:translateX(-15%) rotate(-3deg);opacity:1;}
	60%{-webkit-transform:translateX(10%) rotate(2deg);opacity:1;}
	75%{-webkit-transform:translateX(-5%) rotate(-1deg);opacity:1;}
	100%{-webkit-transform:translateX(0%);opacity:1;}
}
@keyframes xin3{
	0%,50%,100%{opacity: 0;}
	25%,75%{opacity: 1;}
}
@-webkit-keyframes xin3{
	0%,50%,100%{opacity: 0;}
	25%,75%{opacity: 1;}
}
@keyframes xin1{
	0%{opacity:0;transform:translate(-5px,5px);}
	50%{opacity:1;transform:translate(0,0);}
	100%{opacity:0;transform:translate(7px,-5px);}
}
@-webkit-keyframes xin1{
	0%{opacity:0;-webkit-transform:translate(-5px,5px);}
	50%{opacity:1;-webkit-transform:translate(0,0);}
	100%{opacity:0;-webkit-transform:translate(7px,-5px);}
}
@keyframes xin4{
	0%{opacity:0;transform:translate(11px,12px);}
	40%{opacity:1;transform:translate(0,0);}
	80%{opacity:0;transform:translate(-11px,-12px);}
	100%{opacity:0;transform:translate(11px,12px);}
}
@-webkit-keyframes xin4{
	0%{opacity:0;-webkit-transform:translate(11px,12px);}
	40%{opacity:1;-webkit-transform:translate(0,0);}
	80%{opacity:0;-webkit-transform:translate(-11px,-12px);}
	100%{opacity:0;-webkit-transform:translate(11px,12px);}
}
@keyframes swing{
	20%,40%,60%,80%,100%{transform-origin:top center}
	0%{opacity:0;}
	20%{transform:rotate(15deg);opacity:1;}
	40%{transform:rotate(-10deg);opacity:1;}
	60%{transform:rotate(5deg);opacity:1;}
	80%{transform:rotate(-5deg);opacity:1;}
	100%{transform:rotate(0deg);opacity:1;}
}
@-webkit-keyframes swing{
	20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
	0%{opacity:0;}
	20%{-webkit-transform:rotate(15deg);opacity:1;}
	40%{-webkit-transform:rotate(-10deg);opacity:1;}
	60%{-webkit-transform:rotate(5deg);opacity:1;}
	80%{-webkit-transform:rotate(-5deg);opacity:1;}
	100%{-webkit-transform:rotate(0deg);opacity:1;}
}
@keyframes kiss{
	0%{opacity:0;transform:translate(0,0) rotate(0) scale(.6);}
	25%{opacity:1;}
	50%{opacity:1;transform:translate(-10px,18px) rotate(40deg) scale(1);}
	75%{opacity:1;transform:translate(-16px,18px) rotate(40deg) scale(1.2)}
	100%{opacity:1;transform:translate(-10px,18px) rotate(40deg) scale(1)}
}
@-webkit-keyframes kiss{
	0%{opacity:0;-webkit-transform:translate(0,0) rotate(0) scale(.6);}
	25%{opacity:1;}
	50%{opacity:1;-webkit-transform:translate(-10px,18px) rotate(40deg) scale(1);}
	75%{opacity:1;-webkit-transform:translate(-16px,18px) rotate(40deg) scale(1.2)}
	100%{opacity:1;-webkit-transform:translate(-10px,18px) rotate(40deg) scale(1)}
}
@keyframes chc{
	0%{opacity:1;}
	50%{opacity:1;transform:translate(-117px,0);}
	60%{opacity:1;transform:translate(-117px,0) rotate(10deg);}
	70%{opacity:1;transform:translate(-117px,0) rotate(-10deg);}
	80%{opacity:1;transform:translate(-117px,0) rotate(10deg);}
	90%{opacity:1;transform:translate(-117px,0) rotate(-10deg);}
	100%{opacity:1;transform:translate(-117px,0) rotate(0);}
}
@-webkit-keyframes chc{
	0%{opacity:1;}
	50%{opacity:1;-webkit-transform:translate(-117px,0);}
	60%{opacity:1;-webkit-transform:translate(-117px,0) rotate(10deg);}
	70%{opacity:1;-webkit-transform:translate(-117px,0) rotate(-10deg);}
	80%{opacity:1;-webkit-transform:translate(-117px,0) rotate(10deg);}
	90%{opacity:1;-webkit-transform:translate(-117px,0) rotate(-10deg);}
	100%{opacity:1;-webkit-transform:translate(-117px,0) rotate(0);}
}
@keyframes bb_on{
	0%{opacity:0;transform:translate(0,0);}
	70%{opacity:1;transform:translate(0,0);}
/*	100%{opacity:1;transform:translate(-45px,0);}*/
	100%{opacity:1;transform:translate(-0px,0);opacity:0;}
}
@-webkit-keyframes bb_on{
	0%{opacity:0;-webkit-transform:translate(0,0);}
	70%{opacity:1;-webkit-transform:translate(0,0);}
/*	100%{opacity:1;-webkit-transform:translate(-45px,0);}*/
	100%{opacity:1;-webkit-transform:translate(-0px,0);opacity:0;}
}
@keyframes bb_on1{
	0%{opacity:1;transform:translate(-45px,0);}
	20%{opacity:1;transform:translate(-30px,0);}
	100%{opacity:1;transform:translate(-45px,0);}
}
@-webkit-keyframes bb_on1{
	0%{opacity:1;-webkit-transform:translate(-45px,0);}
	20%{opacity:1;-webkit-transform:translate(-30px,0);}
	100%{opacity:1;-webkit-transform:translate(-45px,0);}
}
@keyframes chc1{
	0%{opacity:1;transform:translate(-117px,0) rotate(0);}
	20%{opacity:1;transform:translate(-132px,0) rotate(0);}
	100%{opacity:1;transform:translate(-117px,0) rotate(0);}
}
@-webkit-keyframes chc1{
	0%{opacity:1;-webkit-transform:translate(-117px,0) rotate(0);}
	20%{opacity:1;-webkit-transform:translate(-132px,0) rotate(0);}
	100%{opacity:1;-webkit-transform:translate(-117px,0) rotate(0);}
}
@keyframes scale1{
	0%{opacity:1;transform:scale(0.1) rotate(0);}
	100%{opacity:1;transform:scale(12.1) rotate(90deg);}
}
@-webkit-keyframes scale1{
	0%{opacity:1;-webkit-transform:scale(0.1) rotate(0);}
	100%{opacity:1;-webkit-transform:scale(12.1) rotate(90deg);}
}
.text0{
	position:absolute;
	top:18px;
	left:115px;
	width:90px;
	height:73px;
	background:url(../img/loading_y2.png) no-repeat;
	background-size:90px auto;
	opacity:0;
}
.text1_g{
	position:absolute;
	width:23px;
	height:22px;
	background:url(../img/img8.png) no-repeat;
	background-size:158px 22px;
	background-position:0 0;
	top:168.5px;
	left:79px;
	opacity:0;
}
.text1_ss{
	position:absolute;
	width:47px;
	height:22px;
	background:url(../img/img8.png) no-repeat;
	background-size:158px 22px;
	background-position:-111px 0;
	top:168.5px;
	left:190px;
	opacity:0;
}
.text1_y{
	position:absolute;
	width:23px;
	height:21px;
	left:134px;
	top:169px;
	background:url(../img/img22.png) no-repeat;
	background-size:51px 22px;
	background-position:-14px -1px;
	opacity:0;
}
.text1_l{
	position:absolute;
	width:7px;
	height:8px;
	left:120px;
	top:169px;
	background:url(../img/img22.png) no-repeat;
	background-size:51px 22px;
	opacity:0;
	background-position:0 0;
}
.text1_r{
	position:absolute;
	width:7px;
	height:8px;
	left:163.5px;
	top:169px;
	background:url(../img/img22.png) no-repeat;
	background-size:51px 22px;
	background-position:-43.5px 0;
	opacity:0;
}
.text2{
	position:absolute;
	width:250px;
	height:49px;
	background:url(../img/img9.png) no-repeat;
	background-size:250px 49px;
	top:201px;
	left:34px;
	opacity:0;
}
.text2_l{
	position:absolute;
	width:126px;
	height:49px;
	background:url(../img/img9.png) no-repeat;
	background-size:250px 49px;
	background-position:126px 0;
	top:201px;
	right:160px;
}
.text2_r{
	position:absolute;
	width:124px;
	height:49px;
	background:url(../img/img9.png) no-repeat;
	background-size:250px 49px;
	background-position:-250px 0;
	top:201px;
	left:160px;
}
.text3{
	position:absolute;
	width:247px;
	height:41px;
	background:url(../img/img10.png) no-repeat;
	background-size:247px 41px;
	top:104px;
	left:37px;
	opacity:0;
}
#WxMomentVideo{
	position:absolute;
	top:199px;
	left:22.5px;
	width:275px;
	height:155px;
	background:#000;
	opacity:0;
    z-index:1;
}
.video1{
    position:absolute;
	top:199px;
	left:22.5px;
	width:275px;
	height:155px;
	background:#000;
	opacity:1;
    z-index:1;
    display:none;
}
.tvp_overlay_play, .tvp_overlay_play_try, .tvp_overlay_replay{
	position:absolute !important;
	width:27px !important;
	height:27px !important;
	background:url(../img/img14.png) no-repeat !important;
	background-size:27px 27px !important;
	left:50% !important;
	top:50% !important;
	margin:-13.5px 0 0 -13.5px !important;
}
.tvp_overlay_play .tvp_button_play, .tvp_overlay_play_try .tvp_button_play{
	display:none !important;
}
.text4{
	position:absolute;
	width:252px;
	height:27px;
	top:158px;
	left:38px;
    transform:scale(0.9);
    -webkit-transform:scale(0.9);
}
.text4 div{
	position:absolute;
	background:url(../img/img11.png) no-repeat;
	background-size:252px 27px;
	opacity:0;
}
.text4 .tt1{
	left:0;
	top:0;
	width:15px;
	height:27px;
	background-position:0 0;
}
.text4 .tt2{
	left:23px;
	top:0;
	width:23px;
	height:27px;
	background-position:-23px 0;
}
.text4 .tt3{
	left:56px;
	top:0;
	width:9px;
	height:27px;
	background-position:-56px 0;
}
.text4 .tt4{
	left:79.5px;
	top:0;
	width:20px;
	height:27px;
	background-position:-79.5px 0;
}
.text4 .tt5{
	left:123.5px;
	top:0;
	width:27px;
	height:27px;
	background-position:-123.5px 0;
}
.text4 .tt6{
	left:157.5px;
	top:0;
	width:26px;
	height:27px;
	background-position:-157.5px 0;
}
.text4 .tt7{
	left:191px;
	top:0;
	width:27px;
	height:27px;
	background-position:-191px 0;
}
.text4 .tt8{
	left:225px;
	top:0;
	width:27px;
	height:27px;
	background-position:-225px 0;
}
.text4 .x1{
	position:absolute;
	left:152px;
	top:-2.5px;
	width:7px;
	height:8px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-219.5px -118px;
	opacity:0;
}
.text4 .x2{
	position:absolute;
	left:148.5px;
	top:-13px;
	width:6px;
	height:7px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-216px -107px;
	opacity:0;
}
.text5{
	position:absolute;
	width:155px;
	height:20px;
	background:url(../img/img12.png) no-repeat;
	background-size:155px 20px;
	top:372px;
	left:83.5px;
	opacity:0;
}
.text6{
	position:absolute;
	width:40px;
	height:10px;
	background:url(../img/img13.png) no-repeat;
	background-size:40px 10px;
	top:410px;
	left:140px;
	opacity:0;
}
.screen3.on .text1{
	animation:1.2s 2.4s linear infinite wobble;
	-webkit-animation:1.2s 2.4s linear infinite wobble;
}
.screen3.on .text1_g{
	animation:1s .6s ease-out forwards text1_g,.8s 4s ease-out forwards fadeoutdown;
	-webkit-animation:1s .6s ease-out forwards text1_g,.8s 4s ease-out forwards fadeoutdown;
}
.screen3.on .text1_ss{
	animation:1s .6s ease-out forwards text1_ss,.8s 4s ease-out forwards fadeoutdown;
	-webkit-animation:1s .6s ease-out forwards text1_ss,.8s 4s ease-out forwards fadeoutdown;
}
.screen3.on .text1_y{
	animation:1.6s 1.2s ease-out forwards text1_y,.8s 4s ease-out forwards fadeoutdown;
	-webkit-animation:1.6s 1.2s ease-out forwards text1_y,.8s 4s ease-out forwards fadeoutdown;
}
.screen3.on .text1_l{
	animation:.6s 1.8s ease forwards show,.8s 4s ease-out forwards fadeoutdown;
	-webkit-animation:.6s 1.8s ease forwards show,.8s 4s ease-out forwards fadeoutdown;
}
.screen3.on .text1_r{
	animation:.6s 1.8s ease forwards show,.8s 4s ease-out forwards fadeoutdown;
	-webkit-animation:.6s 1.8s ease forwards show,.8s 4s ease-out forwards fadeoutdown;
}
.screen3.on .text2{
	animation:.6s 1.8s ease forwards show,.8s 4s ease-out forwards fadeoutdown;
	-webkit-animation:.6s 1.8s ease forwards show,.8s 4s ease-out forwards fadeoutdown;
}
.screen3.on .text2_l{
	animation:1.6s 1.8s ease-out forwards text2_l,.8s 4s ease-out forwards fadeoutdown;
	-webkit-animation:1.6s 1.8s ease-out forwards text2_l,.8s 4s ease-out forwards fadeoutdown;
}
.screen3.on .text2_r{
	animation:1.6s 1.8s ease-out forwards text2_r,.8s 4s ease-out forwards fadeoutdown;
	-webkit-animation:1.6s 1.8s ease-out forwards text2_r,.8s 4s ease-out forwards fadeoutdown;
}
.screen3.on .text3{
	animation:1.4s 0.4s ease-out forwards show;
	-webkit-animation:1.4s 0.4s ease-out forwards show;
}
.screen3.on .text0{
	animation:1.4s 0s ease-out forwards show;
	-webkit-animation:1.4s 0s ease-out forwards show;
}
.screen3.on .text4{
    transform:scale(0.7);
    -webkit-transform:scale(0.7);
	animation:1s 2.4s ease forwards text5,1.2s 4s linear wobble1;
	-webkit-animation:1s 2.4s ease forwards text5,1.2s 4s linear wobble1;
}
.screen3.on .text4 .tt1{
	animation:.3s 1.2s ease-out forwards show;
	-webkit-animation:.3s 1.2s ease-out forwards show;
}
.screen3.on .text4 .tt2{
	animation:.3s 1.3s ease-out forwards show;
	-webkit-animation:.3s 1.3s ease-out forwards show;
}
.screen3.on .text4 .tt3{
	animation:.3s 1.4s ease-out forwards show;
	-webkit-animation:.3s 1.4s ease-out forwards show;
}
.screen3.on .text4 .tt4{
	animation:.3s 1.5s ease-out forwards show;
	-webkit-animation:.3s 1.5s ease-out forwards show;
}
.screen3.on .text4 .tt5{
	animation:.4s 1.8s ease-out forwards show;
	-webkit-animation:.4s 1.8s ease-out forwards show;
}
.screen3.on .text4 .tt6{
	animation:.4s 2.1s ease-out forwards show;
	-webkit-animation:.4s 2.1s ease-out forwards show;
}
.screen3.on .text4 .tt7{
	animation:.4s 2.4s ease-out forwards show;
	-webkit-animation:.4s 2.4s ease-out forwards show;
}
.screen3.on .text4 .tt8{
	animation:.4s 3.2.7s ease-out forwards show;
	-webkit-animation:.4s 2.7s ease-out forwards show;
}
.screen3.on .x1{
	animation:1.5s 3s linear infinite x1;
	-webkit-animation:1.5s 3s linear infinite x1;
}
.screen3.on .x2{
	animation:1.5s 3.4s linear infinite x1;
	-webkit-animation:1.5s 3.4s linear infinite x1;
}
.screen3.on #WxMomentVideo{
	animation:3s 3.4s ease-out forwards show;
	-webkit-animation:3s 3.4s ease-out forwards show;
}
.screen3.on .text5{
    transform:scale(0.8);
    -webkit-transform:scale(0.8);
	animation:1.4s 3s ease-out forwards show,1.6s 4.4s ease forwards text5,1.2s 6s linear infinite wobble;
	-webkit-animation:1.4s 3s ease-out forwards show,1.6s 4.4s ease forwards text5,1.2s 6s linear infinite wobble;
}
.screen3.on .text6{
	animation:1.4s 3.8s ease-out forwards show;
	-webkit-animation:1.4s 3.8s ease-out forwards show;
}
.hide.screen3{
	animation:.8s ease forwards hide;
	-webkit-animation:.8s ease forwards hide;
}
@keyframes text5{
	0%{transform:scale(0.8);}
	50%{transform:scale(1.2);}
	100%{transform:scale(0.8);}
}
@-webkit-keyframes text5{
	0%{-webkit-transform:scale(0.8);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(0.8);}
}
@keyframes text2_l{
	0%{background-position:126px 0;}
	100%{background-position:0 0;}
}
@-webkit-keyframes text2_l{
	0%{background-position:126px 0;}
	100%{background-position:0 0;}
}
@keyframes text2_r{
	0%{background-position:-250px 0;}
	100%{background-position:-126px 0;}
}
@-webkit-keyframes text2_r{
	0%{background-position:-250px 0;}
	100%{background-position:-126px 0;}
}
@keyframes text1_g{
	0%{opacity:0;transform:translate(0,-50px);}
	100%{opacity:1;transform:translate(0,0);}
}
@-webkit-keyframes text1_g{
	0%{opacity:0;-webkit-transform:translate(0,-50px);}
	100%{opacity:1;-webkit-transform:translate(0,0);}
}
@keyframes text1_ss{
	0%{opacity:0;transform:translate(50px,0);}
	100%{opacity:1;transform:translate(0,0);}
}
@-webkit-keyframes text1_ss{
	0%{opacity:0;-webkit-transform:translate(50px,0);}
	100%{opacity:1;-webkit-transform:translate(0,0);}
}
@keyframes text1_y{
	0%{opacity:0;transform:translate(0,-50px) scale(1.4);}
	25%{opacity:1;transform:translate(0,0) scale(1);}
	50%{opacity:1;transform:translate(0,0) scale(1.2);}
	75%{opacity:1;transform:translate(0,0) scale(1);}
	100%{opacity:1;transform:translate(0,0) scale(1);}
}
@-webkit-keyframes text1_y{
	0%{opacity:0;-webkit-transform:translate(0,-50px) scale(1.4);}
	25%{opacity:1;-webkit-transform:translate(0,0) scale(1);}
	50%{opacity:1;-webkit-transform:translate(0,0) scale(1.2);}
	75%{opacity:1;-webkit-transform:translate(0,0) scale(1);}
	100%{opacity:1;-webkit-transform:translate(0,0) scale(1);}
}
@keyframes x1{
	0%{opacity:0;transform:translate(2px,2px);}
	50%{opacity:1;transform:translate(0,0);}
	100%{opacity:0;transform:translate(-2px,-2px);}
}
@-webkit-keyframes x1{
	0%{opacity:0;-webkit-transform:translate(-2px,2px);}
	50%{opacity:1;-webkit-transform:translate(0,0);}
	100%{opacity:0;-webkit-transform:translate(-2px,-2px);}
}
@keyframes fadeoutdown{
	0%{opacity:1;transform:translate(0,0);}
	100%{opacity:0;transform:translate(0,-30px);}
}
@-webkit-keyframes fadeoutdown{
	0%{opacity:1;-webkit-transform:translate(0,0);}
	100%{opacity:0;-webkit-transform:translate(0,-30px);}
}
@keyframes fadeinup{
	0%{opacity:0;transform:translate(0,30px);}
	100%{opacity:1;transform:translate(0,0);}
}
@-webkit-keyframes fadeinup{
	0%{opacity:0;-webkit-transform:translate(0,30px);}
	100%{opacity:1;-webkit-transform:translate(0,0);}
}
@keyframes wobble{
	0%{transform:translateX(0) rotate(0) scale(0.8);}
	15%{transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	30%{transform:translateX(2px) rotate(1deg) scale(0.8);}
	45%{transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	60%{transform:translateX(2px) rotate(1deg) scale(0.8);}
	75%{transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	100%{transform:translateX(0px) rotate(0) scale(0.8);}
}
@-webkit-keyframes wobble{
	0%{-webkit-transform:translateX(0) rotate(0) scale(0.8);}
	15%{-webkit-transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	30%{-webkit-transform:translateX(2px) rotate(1deg) scale(0.8);}
	45%{-webkit-transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	60%{-webkit-transform:translateX(2px) rotate(1deg) scale(0.8);}
	75%{-webkit-transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	100%{-webkit-transform:translateX(0px) rotate(0) scale(0.8);}
}
@keyframes wobble1{
	0%{transform:translateX(0) rotate(0) scale(0.8);}
	15%{transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	30%{transform:translateX(2px) rotate(1deg) scale(0.8);}
	45%{transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	60%{transform:translateX(2px) rotate(1deg) scale(0.8);}
	75%{transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	100%{transform:translateX(0px) rotate(0) scale(0.8);}
}
@-webkit-keyframes wobble1{
	0%{-webkit-transform:translateX(0) rotate(0) scale(0.8);}
	15%{-webkit-transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	30%{-webkit-transform:translateX(2px) rotate(1deg) scale(0.8);}
	45%{-webkit-transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	60%{-webkit-transform:translateX(2px) rotate(1deg) scale(0.8);}
	75%{-webkit-transform:translateX(-2px) rotate(-1deg) scale(0.8);}
	100%{-webkit-transform:translateX(0px) rotate(0) scale(0.8);}
}
.rule{
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,.7);
	width:100%;
	height:100%;
	z-index:1000;
	display:none;
	opacity:0;
    z-index:10;
}
.rule .rule_img{
	width:260px;
	height:315px;
	background:url(../img/rule.jpg) no-repeat;
	background-size:260px 315px;
	position:absolute;
	left:30px;
	top:84px;
}
.rule .rule_img .close{
	width:9px;
	height:9px;
	background:url(../img/close.png) no-repeat;
	background-size:9px 9px;
	position:absolute;
	right:7px;
	top:7px;
}
.rule.on{
	animation:.6s ease forwards show;
	-webkit-animation:.6s ease forwards show;
}
.rule.hide{
	animation:.6s ease forwards hide;
	-webkit-animation:.6s ease forwards hide;
}
@keyframes show{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes show{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes hide{
	0% {opacity:1;}
	100% {opacity:0;}
}
@-webkit-keyframes hide{
	0% {opacity:1;}
	100% {opacity:0;}
}
@keyframes hide1{
	0% {opacity:1;transform:translate3d(5px,-5px,20px) rotateZ(60deg);}
	100% {opacity:0;transform:translate3d(5px,0px,20px) rotateZ(60deg);}
}
@-webkit-keyframes hide1{
	0% {opacity:1;-webkit-transform:translate3d(5px,-5px,20px) rotateZ(60deg);}
	100% {opacity:0;-webkit-transform:translate3d(5px,0px,20px) rotateZ(60deg);}
}
.form{
	position:absolute;
	top:12.5px;
	left:20.5px;
	width:278px;
	height:445px;
	background:rgba(255,255,255,.4);
}
.form .pro{
	position:relative;
	width:444px;
    left:24px;
/*	border:2px solid #fff;*/
	height:131px;
    background:url("../img/img27.png") no-repeat;
    background-size:222px 91px;
}
/*
.form .pro .p1{
	position:absolute;
	top:38px;
	left:32.5px;
	width:90px;
	height:54px;
	background:url(../img/loading_y.png) no-repeat;
	background-size:90px auto;
}
.form .pro .p2{
	position:absolute;
	top:-5px;
	left:137px;
	width:140px;
	height:142px;
	background:url(../img/img6.png) no-repeat;
	background-size:140px auto;
	transform:scale(.7);
	-webkit-transform:scale(.7);
}
*/
.form .t1{
	width:252px;
	height:55px;
	background:url(../img/img15.png) no-repeat;
	background-size:252px 55px;
	margin:24px 0 21.5px 14.5px;
}
.form .t2{
	width:30px;
	height:30px;
	background:url(../img/retrun.png) no-repeat;
	background-size:30px 30px;
    position:absolute;
    left:-6px;
    top:-8px;
}
.form .row{
	position:relative;
	width:250px;
	height:34px;
	border:1px solid #dcb2a5;
	background:#fff;
	margin:0 auto 7.5px;
	padding-left:50px;
}
.form .row label{
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.form .row label.l_name{
	width:30px;
	height:14px;
	background:url(../img/img16.png) no-repeat;
	background-size:30px 70px;
	background-position:-1px 0;
	left:11px;
	top:9.5px;
}
.form .row label.l_phone{
	width:30px;
	height:14px;
	background:url(../img/img16.png) no-repeat;
	background-size:30px 70px;
	background-position:0 -35.5px;
	left:11px;
	top:9.5px;
}
.form .row label.l_city{
	width:30px;
	height:16px;
	background:url(../img/img16.png) no-repeat;
	background-size:30px 70px;
	background-position:-0.5px -52.5px;
	left:10.5px;
	top:9.5px;
}
.form .row label.l_guitai{
	width:30px;
	height:14px;
	background:url(../img/img16.png) no-repeat;
	background-size:30px 70px;
	background-position:-0.5px -17.5px;
	left:10.5px;
	top:9.5px;
}
.form .row input,.form .row select{
	width:100%;
	height:100%;
	border:none 0;
	font-size:15px;
}
.form .row select{
	position:absolute;
	left:50px;
	top:0;
	width:198px;
	opacity:0;
	z-index:10;
}
.form .row i.select_i{
	position:absolute;
	top:0;
	right:0;
	width:34.5px;
	height:100%;
	border-left:1px solid #e19f94;
	z-index:9;
}
.form .row i.select_i:before{
	display:block;
	content:'';
	position:absolute;
	top:13px;
	left:10px;
	width:15px;
	height:10px;
	background:url(../img/icon.png) no-repeat;
	background-size:250px 130px;
	background-position:-218px -63px;
}
.form .row span.select_val{
	line-height:32px;
	font-size:15px;
}
.form .warning{
    font-size:25px;
    color:#131213;
    width:216px;
    margin:0 auto;
    height:20px;
    margin-top:10px;
}
.form .warning label{
    display:inline-block;
    vertical-align:middle;
    width:195px;
    height:10px;
    background:url("../img/warning.png");
    background-size:195px 10px;
    position:absolute;
    left:47px;
}
.form .warning input{
    color:#e19f94;
    border:2px solid #dcb2a5;
    position:absolute;
}
.form .submit{
	width:101px;
	height:25px;
	background:url(../img/img17.png) no-repeat;
	background-size:101px 25px;
	margin:15px auto;
}
.screen4{
	display:none;
	opacity:0;
}
.on.screen4{
	animation:.6s ease forwards show;
	-webkit-animation:.6s ease forwards show;
}
.hide.screen4{
	animation:.6s ease forwards hide;
	-webkit-animation:.6s ease forwards hide;
}
.screen5{
	display:none;
	opacity:0;
}
.on.screen5{
	animation:.6s ease forwards show;
	-webkit-animation:.6s ease forwards show;
}
.hide.screen5{
	animation:.6s ease forwards hide;
	-webkit-animation:.6s ease forwards hide;
}
.screen5 .s1{
	position:absolute;
	top:36px;
	left:28px;
	width:261px;
	height:69px;
	background:url(../img/end.png) no-repeat;
	background-size:261px 175px;
}
.screen5 .s2{
	position:absolute;
	top:118px;
	left:28px;
	width:261px;
	height:18px;
	background:url(../img/end.png) no-repeat;
	background-size:261px 175px;
    background-position:0 -68px;
}
.screen5 .s3{
	position:absolute;
	top:318.5px;
	left:20px;
	width:261px;
	height:10px;
	background:url(../img/end.png) no-repeat;
	background-size:261px 175px;
	background-position:0 -162px;
}
.screen5 .s4{
	position:absolute;
	top:396px;
	left:82px;
	width:156px;
	height:9px;
	background:url(../img/img18.png) no-repeat;
	background-size:184px 103px;
	background-position:-15px -94px;
}
.screen5 .bb_on{
	opacity:1;
	left:53px;
    top:335px;
    transform:scale(0.7);
    -webkit-transform:scale(0.7);
}
.screen5 .chc{
	opacity:1;
	left:160px;
    top:324px;
    transform:scale(0.7);
    -webkit-transform:scale(0.7);
}
.screen5 .xin4,.screen5 .xin5,.screen5 .kiss{
	opacity:1;
    transform:scale(0.7);
    -webkit-transform:scale(0.7);
}
.screen5 .xin4{
	animation:2s linear infinite xin4;
	-webkit-animation:2s linear infinite xin4;
    left:148.5px;
    top:344.5px;
}
.screen5 .xin5{
	animation:2s .4s linear infinite xin4;
	-webkit-animation:2s .4s linear infinite xin4;
    left:156px;
    top:355.5px;
}
.screen5 .kiss{
	transform:translate(-10px,18px) rotate(40deg) scale(0.7);
	-webkit-transform:translate(-10px,18px) rotate(40deg) scale(0.7);
    left:175px;
    top:425px;
}
.screen6 .s1{
	position:absolute;
	top:36px;
	left:33px;
	width:261px;
	height:72px;
	background:url(../img/end.png) no-repeat;
	background-size:261px 175px;
    background-position:0 -86px;
}
.screen6 .s2{
	position:absolute;
	top:118px;
	left:28px;
	width:261px;
	height:18px;
	background:url(../img/end.png) no-repeat;
	background-size:261px 175px;
    background-position:0 -68px;
}
.screen6 .s3{
	position:absolute;
	top:318.5px;
	left:20px;
	width:261px;
	height:10px;
	background:url(../img/end.png) no-repeat;
	background-size:261px 175px;
	background-position:0 -162px;
}
.music{
	position:fixed;
	top:15px;
	right:15px;
	width:22px;
	height:22px;
    padding:11px;
	background:url(../img/music.png) no-repeat;
	background-size:44px 22px;
	background-position:0 0;
	z-index:10000;
}
.music.off{
	background-position:-22px 0;
}
/*bb盒子打开*/
.bb_open{
    background:url("../img/open/36.png");
    background-size:320px 504px;
    width:320px;
    height:504px;
    display:none;
}

/*bb唇膏展开*/
/*
.screen6_bbc{
    background-size:320px 504px;
    width:320px;
    height:504px;
}
*/
.screen6_bbc img{
    position:absolute;
    top:0px;
    left:0px;
    width:320px;
    height:504px;
    display:none;
}
.a img{
    position:absolute;
    top:0px;
    left:0px;
    width:320px;
    height:550px;
    display:none;
}
.bb_open img{
    position:absolute;
    top:0px;
    left:0px;
    width:320px;
    height:504px;
    display:none;
}
.bbc_logo img{
    position:absolute;
    top:0px;
    left:0px;
    width:320px;
    height:504px;
    display:none;
}
.b img{
    position:absolute;
    top:0px;
    left:0px;
    width:320px;
    height:504px;
    display:none;
}
.QR img{
    position:absolute;
    top:155px;
    left:81px;
    text-align:center;
}
.screen3{
    display:none;
}

.noshy{
    position:absolute;
    top:59px;
    left:45px;
    display:none;
    width:240px;
    height:55px; 
    overflow:hidden;
}
.noshy_bottom{
    position:absolute;
    top:399px;
    left:59px;
    display:none;
    width:207px;
    height:20px;   
}
.darling{
    position:absolute;
    width:260px;
    height:35px;
    overflow:hidden;
    display:none;
    top:69px;
    left:30px;
}
.darling_bottom{
    position:absolute;
    width:275px;
    height:18px;
    display:none;
    top:400px;
    left:25px;
}
.play{
    position:absolute;
    width:270px;
    height:20px;
    display:none;
    background:url("../img/play.png");
    background-position:0px 0px;
    background-size:270px 150px;
    top:79px;
    left:10px;
}
.play_bottom{
    position:absolute;
    width:270px;
    height:120px;
    display:none;
    background:url("../img/play.png");
    background-position:0px -20px;
    background-size:270px 150px;
    top:320px;
    left:20px;
}
.screen6{
    display:none;
}
@media screen and (max-device-width:600px){
    .screen_inner{
        top:52%;
    }
    .text0{
        top:38px;
    }
    .text3{
        top:110px;
    }
.form{
    top:28.5px;
}
.form .t1{
    margin:32px 0 2.5px 20.5px;
}
.form .t2{
    top:5px;
}
.form .submit{
    margin:4px auto;
}
.form .warning{
    margin-top:10px;
    height:10px;
}
.screen5 .bb_on{
    top:295px;
}
.screen5 .kiss{
    top:385px;
}
.screen5 .chc{
    top:290px;
}
.screen5 .xin5{
    top:322.5px;
}
.screen5 .xin4{
    top:312.5px;
}
.QR img{
    top:137px;
}
.screen6 .s3{
    top:296.5px;
}
.screen6 .s2{
    top:113px;
}
.screen5 .s3{
    top:296.5px;
}
.screen5 .s2{
    top:113px;
}
}